<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button id="test1">欢迎学习Layer</button>
		
		<script src="js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
		<script src="layer/layer.js" type="text/javascript" charset="utf-8"></script>
		
		<script type="text/javascript">
			/* var layer = {
				ready: function() {
				}
			} */
			//页面加载完之后
			/* window.onload = function() {
			}
			$(function() {
				
			}); */
			/* layer.ready(function() {
				layer.msg('很高兴见到你');
			}); */
			
			$('#test1').click(function() {
				//layer.msg('Hello Layer');
				//layer.msg('Hello Layer', {time: 4000});
				//open是一个万能弹窗
				/* var index = layer.open({
					type: 0,
					content: '弹窗的内容'
				}); */
				
				/* layer.open({
					type: 1,
					content: '弹窗的内容'
				}); */
				
				/* layer.open({
					type: 2,
					//content: 'http://www.baidu.com'
					content: 'http://127.0.0.1:8848/ShiXun2022/bootstrap1.html',
					area: ['800px', '600px']
				}); */
				
				/* layer.open({
					type: 3
				}); */
				
				/* layer.open({
					type: 4,
					content: ['Hello Layer', '#test1']
				}); */
				
				//layer.alert('这是一个警告');
				/* layer.alert(	
					'这是一个警告',
					{icon: 2},
					function(index) {
						console.log('alert');
						layer.close(index);
					}
				); */
				
				layer.confirm(
					'您确认要删除么？',
					{icon: 3, title: '提示'},
					function(index) {
						layer.close(index);
					}
				);
				
			})
			
		</script>
		
		
	</body>
</html>
